<%@include file="/WEB-INF/common/taglibs.jsp"%>
<script type="text/javascript"
	src="${ctx}/resources/theme/supr/plugins/forms/togglebutton/jquery.toggle.buttons.js"></script>
<script type="text/javascript"
	src="${ctx}/resources/theme/supr/plugins/forms/dualselect/jquery.dualListBox-1.3.min.js"></script>
	<script type="text/javascript" src="${ctx}/ckfinder/ckfinder.js"></script>
<script>
	$(document).ready(function() {

		$.configureBoxes();

	}

	);
</script> 
 
 
<script>
$(document).ready(function(){
	$("form.form-horizontal.seperator[method='post']").validate();
});
	
	
 </script>
<div class="row-fluid">

	<div class="span12">

		<div class="page-header">
			<h4>User </h4>
		</div>

<form class="form-horizontal seperator" method="post">
<!--name --><div class="form-row row-fluid"><div class="span12"><div class="row-fluid"><label class="form-label span3" for="name">Name :</label><input class="span4" id="name" name="name"   type="text" value="${entity.name}" /></div></div></div>
<!--loginName --><div class="form-row row-fluid"><div class="span12"><div class="row-fluid"><label class="form-label span3" for="loginName">LoginName :</label><input class="span4" id="loginName" name="loginName"   type="text" value="${entity.loginName}" /></div></div></div>

<c:if test="${user.loginName ==null}">
<!--password --><div class="form-row row-fluid"><div class="span12"><div class="row-fluid"><label class="form-label span3" for="password">Password :</label><input class="span4" id="password" name="password"   type="text" value="${entity.password}" /></div></div></div>
</c:if>



<!--email --><div class="form-row row-fluid"><div class="span12"><div class="row-fluid"><label class="form-label span3" for="email">Email :</label><input class="span4" id="email" name="email"   type="text" value="${entity.email}" /></div></div></div>
<!--accountNonExpired --><div class="form-row row-fluid"><div class="span12"><div class="row-fluid"><label class="form-label span3" for="accountNonExpired">Account Non Expired :</label><div class="left marginT5 marginR10">
<div class="normal-toggle-button">
<input    <c:if test= "${entity.accountNonExpired}"> checked=checked</c:if>   type="checkbox" class="nostyle" fname="accountNonExpired">
<input class="nostyle" type="radio" name="accountNonExpired" id="accountNonExpired1" value="true"  <c:if test= "${entity.accountNonExpired}"> checked=checked</c:if>   style="opacity: 0;">
<input class="nostyle" type="radio" name="accountNonExpired" id="accountNonExpired2" value="false" <c:if test= "!${entity.accountNonExpired}"> checked=checked</c:if>  style="opacity: 0;">
</div>
</div>
</div>
</div>
</div>

<!--actived --><div class="form-row row-fluid"><div class="span12"><div class="row-fluid"><label class="form-label span3" for="actived">Actived :</label><div class="left marginT5 marginR10">
<div class="normal-toggle-button">
<input    <c:if test= "${entity.actived}"> checked=checked</c:if>   type="checkbox" class="nostyle" fname="actived">
<input class="nostyle" type="radio" name="actived" id="actived1" value="true"  <c:if test= "${entity.actived}"> checked=checked</c:if>   style="opacity: 0;">
<input class="nostyle" type="radio" name="actived" id="actived2" value="false" <c:if test= "!${entity.actived}"> checked=checked</c:if>  style="opacity: 0;">
</div>
</div>
</div>
</div>
</div>


<!--accountNonLocked --><div class="form-row row-fluid"><div class="span12"><div class="row-fluid"><label class="form-label span3" for="accountNonLocked">Account Non Locked :</label><div class="left marginT5 marginR10">
<div class="normal-toggle-button">
<input    <c:if test= "${entity.accountNonLocked}"> checked=checked</c:if>   type="checkbox" class="nostyle" fname="accountNonLocked">
<input class="nostyle" type="radio" name="accountNonLocked" id="accountNonLocked1" value="true"  <c:if test= "${entity.accountNonLocked}"> checked=checked</c:if>   style="opacity: 0;">
<input class="nostyle" type="radio" name="accountNonLocked" id="accountNonLocked2" value="false" <c:if test= "!${entity.accountNonLocked}"> checked=checked</c:if>  style="opacity: 0;">
</div>
</div>
</div>
</div>
</div>

<!--enabled --><div class="form-row row-fluid"><div class="span12"><div class="row-fluid"><label class="form-label span3" for="enabled">Enabled :</label><div class="left marginT5 marginR10">
<div class="normal-toggle-button">
<input    <c:if test= "${entity.enabled}"> checked=checked</c:if>   type="checkbox" class="nostyle" fname="enabled">
<input class="nostyle" type="radio" name="enabled" id="enabled1" value="true"  <c:if test= "${entity.enabled}"> checked=checked</c:if>   style="opacity: 0;">
<input class="nostyle" type="radio" name="enabled" id="enabled2" value="false" <c:if test= "!${entity.enabled}"> checked=checked</c:if>  style="opacity: 0;">
</div>
</div>
</div>
</div>
</div>


<!--nricDoc --><div class="form-row row-fluid"><div class="span12"><div class="row-fluid"><label class="form-label span3" for="nricDoc">Nric Doc :</label><input class="span4 ckfile" id="nricDoc" name="nricDoc"   type="text" value="${entity.nricDoc}" /></div></div></div>
<!--mobileNo --><div class="form-row row-fluid"><div class="span12"><div class="row-fluid"><label class="form-label span3" for="mobileNo">Mobile No :</label><input class="span4" id="mobileNo" name="mobileNo"   type="text" value="${entity.mobileNo}" /></div></div></div>
<!--employmentDoc --><div class="form-row row-fluid"><div class="span12"><div class="row-fluid"><label class="form-label span3" for="employmentDoc">Employment Doc :</label><input class="span4 ckfile" id="employmentDoc" name="employmentDoc"   type="text" value="${entity.employmentDoc}" /></div></div></div>


<div class="form-row row-fluid">
                <div class="span12">
                  <div class="row-fluid">
                    <label class="form-label span3" for="normal">Password:</label>
                    <div class="span4 controls"> ******** <span class="hint"><a href="#resetPassword" data-toggle="modal" class="red">Change Password</a></span> </div>
                  </div>
                </div>
              </div>

<!--loginFailCount --><div class="form-row row-fluid"><div class="span12"><div class="row-fluid"><label class="form-label span3" for="loginFailCount">LoginFailCount :</label><input class="span4" id="loginFailCount" name="loginFailCount"   type="text" value="${entity.loginFailCount}" /></div></div></div>
<!--registerKey --><div class="form-row row-fluid"><div class="span12"><div class="row-fluid"><label class="form-label span3" for="registerKey">RegisterKey :</label><input class="span4" id="registerKey" name="registerKey"   type="text" value="${entity.registerKey}" /></div></div></div>
 
						<div class="form-row row-fluid">
							<div class="span12">
								<div class="leftBox">
									<div class="searchBox">
										<input type="text" id="box1Filter" class="searchField"
											placeholder="filter ..." />
										<button id="box1Clear" type="button" class="btn">
											<span class="icon12  icomoon-icon-cancel-circle"></span>
										</button>
									</div>

									<select id="box1View" multiple="multiple"
										class="multiple nostyle" style="height: 300px;">
										<c:forEach var="role" items="${pending}">
											<option value="${role.id}">${role.name}</option>
										</c:forEach>
									</select> <br /> <span id="box1Counter" class="count"></span>

									<div class="dn">
										<select id="box1Storage" name="box1Storage" class="nostyle"></select>
									</div>
								</div>

								<div class="dualBtn">

									<button id="to2" type="button" class="btn">
										<span class="icon12 minia-icon-arrow-right-3"></span>
									</button>
									<button id="allTo2" type="button" class="btn">
										<span class="icon12 iconic-icon-last"></span>
									</button>
									<button id="to1" type="button" class="btn marginT5">
										<span class="icon12 minia-icon-arrow-left-3"></span>
									</button>
									<button id="allTo1" type="button" class="btn marginT5">
										<span class="icon12 iconic-icon-first"></span>
									</button>

								</div>

								<div class="rightBox">
									<div class="searchBox">
										<input type="text" id="box2Filter" class="searchField"
											placeholder="filter ..." />
										<button id="box2Clear" type="button" class="btn">
											<span class="icon12  icomoon-icon-cancel-circle"></span>
										</button>
									</div>
									<select id="box2View" multiple="multiple"
										class="multiple nostyle" style="height: 300px;" name="roleId">
										<c:forEach var="role" items="${exist}">
											<option value="${role.id}">${role.name}</option>
										</c:forEach>


									</select> <br /> <span id="box2Counter" class="count"></span>

									<div class="dn">
										<select id="box2Storage" class="nostyle"></select>
									</div>
								</div>

							</div>
						</div>

 



 <div class="form-row row-fluid">
				<div class="span12">
					<div class="row-fluid">
						<div class="form-actions">
							<div class="span3"></div>
							<div class="span4 controls">
								<button type="submit" class="btn btn-info marginR10">Save
									changes</button>
								<button class="btn btn-danger">Cancel</button>
							</div>
						</div>
					</div>
				</div>
			</div>
		</form>

	</div>
	<!-- End .span12 -->

</div>
<!-- End .row-fluid --> 



<div id="resetPassword" class="modal hide fade" style="display: none; ">
<form model-hide="t"  href="#resetPassword"  action="/security/user/${entity.id}/reset/">
	<div class="modal-header">
		<button type="button" class="close" data-dismiss="modal">
			<span class="icon12 minia-icon-close"></span>
		</button>
		<h3>Do you want to reset password for  ${entity.name } </h3>
	</div>
	<div class="modal-footer">
		<a href="#" class="btn" data-dismiss="modal">Close</a>
		<a href="#" class="btn btn-primary simple-submit">Save changes</a>
	</div>
	</form>
</div>

